﻿<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic page needs
    ============================================ -->
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="Magentech">
		<meta name="robots" content="index, follow" />

		<!-- Mobile specific metas
    ============================================ -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Favicon
    ============================================ -->
		<link rel="shortcut icon" type="image/png" href="ico/favicon-16x16.png">

		<!-- Libs CSS
    ============================================ -->
		<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
		<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="css/themecss/lib.css" rel="stylesheet">
		<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
		<link href="js/minicolors/miniColors.css" rel="stylesheet">

		<!-- Theme CSS
    ============================================ -->
		<link href="css/themecss/so_searchpro.css" rel="stylesheet">
		<link href="css/themecss/so_megamenu.css" rel="stylesheet">
		<link href="css/themecss/so-categories.css" rel="stylesheet">
		<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
		<link href="css/themecss/so-category-slider.css" rel="stylesheet">
		<link href="css/themecss/so-newletter-popup.css" rel="stylesheet">

		<link href="css/footer/footer1.css" rel="stylesheet">
		<link href="css/header/header1.css" rel="stylesheet">
		<link id="color_scheme" href="css/theme.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet">
		<link href="css/userCenter.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<style type="text/css">
			body {
				font-family: 'Poppins', sans-serif;
			}
		</style>

	</head>

	<body class="res layout-subpage layout-1 banners-effect-5 user-center-page">
		<div id="app-home">
		<!--登录注册模态框开始---------------------------------------------------------------------------------------->
			<div>
				
				<!-- 注册模态框（Modal） -->
				<div class="modal" id="registerBox">
					<div class="modal-dialog" style="z-index: 5">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户账号注册</h1>
								<p>请使用本人常用手机号码进行注册</p>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">									
										<div class="register-form">
											<div class="form_group">
												<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="mobile" required/>
											</div>
											<div class="form_group validation">
												<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码"  class="code" required/>
												<span class="get_yzcode get-code" onclick="getCodeEls()">获取验证码</span>
												<span class="get_yzcode id-code"></span>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="tel" placeholder="请输入邀请手机号码" class="referral" required/>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="password" placeholder="请设置密码" class="password" required/>
											</div>
											<p class="terms_service">
												用户注册代表同意《服务条款》
											</p>
											<div class="tips-form"></div>
											<div class="loading"></div>
											<div class="login_btn">
												<a href="javascript:;" class="register-button" onclick="registerEls()">注册</a>
											</div>
										</div>
										<div class="register-success">
											<p>恭喜您！已注册成功！</p>
											<div class="login_btn">
												<a href="#" data-toggle="modal" data-target="#loginModal" onclick="rigsterClose()">确定</a>
											</div>
										</div>									
								</div>
							</div>				
						</div>
						<!-- /.modal-content -->
					</div>
					<div class="register-bg" onclick="rigsterClose()"></div>
					<!-- /.modal -->
				</div>

				<!-- 登录模态框（Modal） -->
				<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 id="myModalLabel" class="modal-title">用户账号登录</h1>
								<!-- <h1 class="modal-title" id="myModalLabel">
									<a href="#" class="pwd_active">密码登录</a>
									<a href="#">短信登录</a>
								</h1> -->
							</div>
							<div class="modal-body">
								<div class="login_form_box login_pwd_main iconfont">
									<div class="login-form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="tel-login" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入密码" class="pw-login" required/>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="javascript:;" class="go_register" onclick="rigsterGoLayer()">去注册</a></span>
											<!-- <span class="forgot_password" data-toggle="modal" data-target="#pwd1Modal"  id="pwd_next_step1">忘记密码？</span> -->
										</p>
										<div class="tips-form"></div>
										<div class="loading"></div>
										<div class="login_btn">
											<a href="javascript:;" onclick="loginEls()">登录</a>
										</div>
									</div>
									<div class="login-success">
										<p>恭喜您！登录成功！</p>
									</div>	
								</div>
								<div class="login_form_box login_note_main iconfont">
									<form class="form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="#" class="go_register" data-toggle="modal" data-target="#registeredModal">去注册</a></span>
										</p>
										<div class="login_btn">
											<a href="#">登录</a>
										</div>
									</form>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 找回密码1 模态框（Modal） -->
				<div class="modal fade" id="pwd1Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="手机号/用户名/邮箱" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="图片验证码 " required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd2Modal" id="pwd_next_step2">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码2 模态框（Modal） -->
				<div class="modal fade" id="pwd2Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<p class="login_account_name">当前账户名 : 58********</p>
									<form class="form form_submit">
										<div class="form_group validation">
											<i class="icon-shouji"></i><input type="tel" placeholder="15260780877" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<div class="form_group">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd3Modal" id="pwd_next_step3">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd3Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入新密码" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="确认新密码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd4Modal" id="pwd_next_step4">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd4Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<div style="width: 60%;margin: auto;text-align: center;font-size: 14px;">
										<img src="image/cg.png" />
										<p class="">恭喜你，成功找回密码</p>
									</div>
									<div class="login_btn submit">
										<a href="#" style="background: #fe4f36;">确定</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 注册模态框（Modal） -->
				<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">确认退出</h1>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">									
										<div class="confirm-success" style="display: block;">
											<p>您确认要退出登录码？</p>
											<div class="login_btn">
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" onclick="logOutEls()">确认</a>
												</div>
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" class="col-xs-6">取消</a>
												</div>
											</div>
										</div>									
								</div>
							</div>				
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

			</div>
			<!--登录注册模态框结束---------------------------------------------------------------------------------------->

		<!-- //Header Container  -->
		<div id="wrapper" class="wrapper-fluid">
			<!-- Header Container  -->
				<header id="header" class=" typeheader-1">

					<!-- Header Top -->
					<div class="header-top hidden-compact">
						<div class="container">
							<div class="row">
								<div class="header-top-left col-lg-7 col-md-8 col-sm-6 col-xs-4">
									<div class="hidden-md hidden-sm hidden-xs welcome-msg">欢迎来到中宇商城！周末每天包装新的优惠/礼物--新的优惠券代码：<span>快乐2019</span> </div>
									<ul class="top-link list-inline hidden-lg ">
										<li class="account" id="my_account">
											<a href="#" title="My Account " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">我的账号</span> <span class="fa fa-caret-down"></span>
											</a>
											<ul class="dropdown-menu ">
												<li>
													<a href="#"><i class="fa fa-user"></i> 注册</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-pencil-square-o"></i> 登录</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="header-top-right collapsed-block col-lg-5 col-md-4 col-sm-6 col-xs-8">
									<ul class="top-link list-inline lang-curr">
										<li class="currency">
											<div class="btn-group currencies-block">
												<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<span class="icon icon-credit "></span>人民币<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu btn-xs">
														<li>
															<a href="#">(￥)&nbsp;US Dollar </a>
														</li>
													</ul>
												</form>
											</div>
										</li>
										<li class="language">
											<div class="btn-group languages-block ">
												<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<img src="image/catalog/flags/cn.png" alt="中文" title="中文">
														<span class="">中文</span>
														<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu">
														<li>
															<a href=""> <img class="image_flag" src="image/catalog/flags/gb.png" alt="English" title="Arabic" /> English </a>
														</li>
													</ul>
												</form>
											</div>

										</li>
									</ul>

								</div>
							</div>
						</div>
					</div>
					<!-- //Header Top -->

					<!-- Header center -->
					<div class="header-middle">
						<div class="container">
							<div class="row">
								<!-- Logo -->
								<div class="navbar-logo col-lg-2 col-md-3 col-sm-4 col-xs-12">
									<div class="logo">
										<a href="index.html"><img src="image/catalog/logo.png" title="大米卷" alt="大米卷" /></a>
									</div>
								</div>
								<!-- //end Logo -->

								<!-- Search -->
								<div class="col-lg-7 col-md-6 col-sm-5">
									<div class="search-header-w">
										<div class="icon-search hidden-lg hidden-md hidden-sm"><i class="fa fa-search"></i></div>

										<div id="sosearchpro" class="sosearchpro-wrapper so-search ">
											<form>
												<div id="search0" class="search input-group form-group">
													<div class="select_category filter_type  icon-select hidden-sm hidden-xs">
														<select class="no-border" name="category_id">
															<option value="0">所有品类</option>
															<option value="78">家用电器</option>
															<option value="77">手机/运行商/数码</option>
														</select>
													</div>

													<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="输入想要搜索的关键词" name="search">

													<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>

												</div>
												<input type="hidden" name="route" value="product/search" />
											</form>
										</div>
									</div>
								</div>
								<!-- //end Search -->
								<div class="middle-right col-lg-3 col-md-3 col-sm-3">
									<!--cart-->
									<div class="shopping_cart">
										<div id="cart" class="btn-shopping-cart">
											<!-- <a data-loading-text="加载... " class="btn-group top_cart dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> -->
											<a id="laytype-1" class="btn-group top_cart" href="javascript:;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>
											<a id="laytype-2" class="btn-group top_cart" href="shopping_cart_list.html" style="display: none;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>

											<ul class="dropdown-menu pull-right shoppingcart-box" role="menu" style="display: none;">
												<li>
													<table class="table table-striped">
														<tbody>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/1.jpg" style="width:70px" alt="Yutculpa ullamcon" title="Yutculpa ullamco" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥80.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/2.jpg" style="width:70px" alt="Xancetta bresao" title="Xancetta bresao" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥60.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
														</tbody>
													</table>
												</li>
												<li>
													<div>
														<table class="table table-bordered">
															<tbody>
																<tr>
																	<td class="text-left"><strong>小计</strong>
																	</td>
																	<td class="text-right">￥140.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>生态税 (-2.00)</strong>
																	</td>
																	<td class="text-right">￥2.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>增值税(20%)</strong>
																	</td>
																	<td class="text-right">￥20.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>总计</strong>
																	</td>
																	<td class="text-right">￥162.00</td>
																</tr>
															</tbody>
														</table>
														<p class="text-right">
															<a class="btn view-cart" href="#"><i class="fa fa-shopping-cart"></i>查看购物车</a>&nbsp;&nbsp;&nbsp;
															<a class="btn btn-mega checkout-cart" href="#"><i class="fa fa-share"></i>查看</a>
														</p>
													</div>
												</li>
											</ul>
										</div>

									</div>
									<!--//cart-->

									<ul class="wishlist-comp hidden-md hidden-sm hidden-xs">
										<li class="compare hidden-xs">
											<a href="#" class="top-link-compare" title="对比"><i class="fa fa-refresh"></i></a>
										</li>
										<li class="wishlist hidden-xs">
											<a href="#" id="wishlist-total" class="top-link-wishlist" title="收藏"><i class="fa fa-heart"></i></a>
										</li>
									</ul>

								</div>

							</div>

						</div>
					</div>
					<!-- //Header center -->

					<!-- Header Bottom -->
					<div class="header-bottom hidden-compact">
						<div class="container">
							<div class="row">

								<div class="bottom1 menu-vertical col-lg-2 col-md-3 col-sm-3">
									<div class="responsive so-megamenu megamenu-style-dev ">
										<div class="so-vertical-menu ">
											<nav class="navbar-default">

												<div class="container-megamenu vertical">
													<div id="menuHeading">
														<div class="megamenuToogle-wrapper">
															<div class="megamenuToogle-pattern">
																<div class="container">
																	<div>
																		<span></span>
																		<span></span>
																		<span></span>
																	</div>
																	分类目录
																</div>
															</div>
														</div>
													</div>

													<div class="navbar-header">
														<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle">      
			                                                <i class="fa fa-bars"></i>
			                                                <span>分类目录</span>
			                                            </button>
													</div>
													<div class="vertical-wrapper">
														<span id="remove-verticalmenu" class="fa fa-times"></span>
														<div class="megamenu-pattern">
															<div class="container-mega">
																<ul class="megamenu">
																	<!-- <li class="item-vertical  with-sub-menu hover"> -->
																	<li class="item-vertical with-sub-menu hover" v-for="item in firstCatShowData">
																		<p class="close-menu"></p>
																		<a :href="'category.html?type='+item.id" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>

																	<li class="item-vertical" style="display: none;" v-for="item in firstCatHideData">
																		<p class="close-menu"></p>
																		<a href="#" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>
																	
																	<li class="loadmore">
																		<i class="fa fa-plus-square-o"></i>
																		<span class="more-view">更多分类</span>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</nav>
										</div>
									</div>

								</div>

								<!-- Main menu -->
								<div class="main-menu-w col-lg-10 col-md-9">
									<div class="responsive so-megamenu megamenu-style-dev">
										<nav class="navbar-default">
											<div class=" container-megamenu  horizontal open ">
												<div class="navbar-header">
													<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                        </button>
												</div>

												<div class="megamenu-wrapper">
													<span id="remove-megamenu" class="fa fa-times"></span>
													<div class="megamenu-pattern">
														<div class="container-mega">
															<ul class="megamenu" data-transition="slide" data-animationtime="250">
																<li class="home hover">
																	<a href="index.html">首页</a>
																</li>
																<li>
																	<p class="close-menu"></p>
																	<a href="category.html?type=888999222" class="clearfix">
																		<strong>特惠专区</strong>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</nav>
									</div>
								</div>
								<!-- //end Main menu -->

								<div class="bottom3">									
									<div class="signin-w hidden-md hidden-sm hidden-xs logout-box">
										<ul class="signin-link blank">
											<li class="log user-tel"></li>
											<li class="log login"> &nbsp;&nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="userCenter.html">个人中心</a> &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">| &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="#" data-toggle="modal" data-target="#confirmModal">退出登录</a>
											</li>
										</ul>
									</div>
									<div class="signin-w hidden-md hidden-sm hidden-xs login-box">
										<ul class="signin-link blank">
											<li class="log login">
												<a class="link-lg" data-toggle="modal" data-target="#loginModal" href="#" onclick="loginLayer()">登录 </a>&nbsp;&nbsp;&nbsp;
												<a href="#" data-toggle="modal" data-target="#registeredModal" onclick="rigsterLayer()">注册</a>
											</li>
										</ul>
									</div>
								</div>

							</div>
						</div>

					</div>
				</header>
				<!-- //Header Container  -->

			<!-- Main Container  -->
			<div class="main-container container">
				<ul class="breadcrumb">
					<li>
						<a href="#"><i class="fa fa-home"></i></a>
					</li>
					<li>
						<a href="userCenter.html">个人中心</a>
					</li>
					<li>我的订单</li>

				</ul>

				<div class="row">

					<!--Left Part Start -->
					<aside class="col-sm-4 col-md-3 content-aside" id="column-left">
						<div class="module category-style">							
							<div class="modcontent">
								<div class="box-category">
									<ul class="list-group user-center-lenav">
										<li><a class="active" href="myOrder.html">我的订单</a></li>
										<li><a href="myAddress.html">地址管理</a></li>
										<li><a href="myAccount.html">账号信息</a></li>
										<li><a href="mySafe.html">账号安全</a></li>
									</ul>
								</div>
							</div>
						</div>						
					</aside>
					<!--Left Part End -->

					<!--Middle Part Start-->
					<div id="content" class="content-920">
						<div class="product-view row">
							<div class="left-content-product col-xs-12">
								<div class="center-info-top">
									<span class="ri-line col-xs-2">
										<img src="image/user/user.png" class="user" alt="">
										<p class="user-name log user-tel">13599534184</p>
									</span>
									<span class="col-xs-3">
										<img src="image/user/unpay.png" class="icons" alt="">
										<p>待付款（1）</p>
									</span>
									<span class="ri-line col-xs-3">
										<img src="image/user/unget.png" class="icons" alt="">
										<p>待收货（5）</p>
									</span>
									<label class="col-xs-4">
										<p>我的通兑积分：0<a href="myUser-cont.html?type=tongdui" class="btn red-btn">详情 ></a></p>
										<p>我的数字积分：0<a href="myUser-cont.html?type=shuzi" class="btn red-btn">详情 ></a></p>
										<p>我的预存款：0<a href="myUser-cont.html?type=yucunkun" class="btn red-btn">详情 ></a></p>
									</label>
								</div>
							</div>
						</div>
						<ul class="tab-list-top" style="display: none;">
							<li class="all active">全部订单</li>
							<li class="wait-pay">待付款</li>
							<li class="wait-send">待发货</li>
							<li class="send-out">已发货</li>
							<li class="return">退款</li>
							<li class="search-inpli">
								<input type="text" class="inputs" placeholder="输入想要搜索的关键词" name="">
								<button></button>
							</li>
						</ul>
						<div id="all-order" style="display: none;">
							<div class="table-responsive">
		                      <table class="table table-bordered user-order-list">
		                        <thead>
		                          <tr>
		                            <th colspan="7" class="text-left thtopbar">
		                            	<span>订单时间:2018-12-13 13:38:16</span>
		                            	<span class="order-title">订单号:</span>
		                            	<span class="order"><i>SGSD34247123</i></span>
		                            	<span><i>帛旭旗舰店</i></span>
		                            	<label class="deal-order"><i>删除</i></label>
		                            </th>
		                          </tr>
		                        </thead>
		                        <tbody>
		                          <tr>
		                            <td width="50"><input type="checkbox" name=""></td>
		                            <td width="100"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></td>
		                            <td>专门特供水蜜桃专门特供水蜜桃专门特供水蜜桃专门特供水蜜桃专门特供水蜜特供水蜜桃专门特供水蜜桃</td>
		                            <td width="80">￥76.00</td>
		                            <td width="150">卖家已发货</td>
		                            <td width="170">
		                            	<p>¥299.00</p>
										<p>（含运费：¥0.00元）</p>
									</td>
									<td width="130">
										<a href="myOrder-detail.html" class="btn noraml-btn">查看详情</a>
										<a href="javascript:;" class="btn noraml-btn cancel-order">取消订单</a>
										<a href="#" class="btn red-btn">立即付款</a>
									</td>
		                          </tr>
		                        </tbody>
		                      </table>
		                    </div>
		                    <div class="table-responsive">
		                      <table class="table table-bordered user-order-list">
		                        <thead>
		                          <tr>
		                            <th colspan="7" class="text-left thtopbar">
		                            	<span>订单时间:2018-12-13 13:38:16</span>
		                            	<span class="order-title">订单号:</span>
		                            	<span class="order"><i>SGSD342471234335326323423423423416</i></span>
		                            	<span><i>帛旭旗舰店帛旭旗舰店帛旭旗舰店帛旭旗舰店帛旭旗舰店帛旭旗舰店帛旭旗舰店</i></span>
		                            	<label class="deal-order"><i>删除</i></label>
		                            </th>
		                          </tr>
		                        </thead>
		                        <tbody>
		                          <tr>
		                            <td width="50"><input type="checkbox" name=""></td>
		                            <td width="100"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></td>
		                            <td>专门特供水蜜桃</td>
		                            <td width="80">￥76.00</td>
		                            <td width="150">卖家已发货</td>
		                            <td width="170">
		                            	<p>¥299.00</p>
										<p>（含运费：¥0.00元）</p>
									</td>
									<td width="130">
										<a href="myOrder-detail.html" class="btn noraml-btn">查看详情</a>
										<a href="#" class="btn noraml-btn">立即付款</a>
									</td>
		                          </tr>
		                        </tbody>
		                      </table>
		                    </div>
		                    <div class="table-responsive">
		                      <table class="table table-bordered user-order-list">
		                        <thead>
		                          <tr>
		                            <th colspan="7" class="text-left thtopbar">
		                            	<span>订单时间:2018-12-13 13:38:16</span>
		                            	<span class="order-title">订单号:</span>
		                            	<span class="order"><i>SGSD34247123</i></span>
		                            	<span><i>帛旭旗舰店</i></span>
		                            	<label class="deal-order"><i>删除</i></label>
		                            </th>
		                          </tr>
		                        </thead>
		                        <tbody>
		                          <tr>
		                            <td width="50"><input type="checkbox" name=""></td>
		                            <td width="100"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></td>
		                            <td>专门特供水蜜桃</td>
		                            <td width="80">￥76.00</td>
		                            <td width="150">卖家已发货</td>
		                            <td width="170">
		                            	<p>¥299.00</p>
										<p>（含运费：¥0.00元）</p>
									</td>
									<td width="130">
										<a href="myOrder-detail.html" class="btn noraml-btn">查看详情</a>
										<a href="#" class="btn noraml-btn">立即退款</a>
										<a href="myWl-detail.html" class="btn noraml-btn">查看物流</a>
										<a href="javascript:;" class="btn red-btn confirm-order">确认收货</a>
									</td>
		                          </tr>
		                        </tbody>
		                      </table>
		                    </div>
		                    <div class="table-responsive">
		                      <table class="table table-bordered user-order-list">
		                        <thead>
		                          <tr>
		                            <th colspan="7" class="text-left thtopbar">
		                            	<span>订单时间:2018-12-13 13:38:16</span>
		                            	<span class="order-title">订单号:</span>
		                            	<span class="order"><i>SGSD34247123</i></span>
		                            	<span><i>帛旭旗舰店</i></span>
		                            	<label class="deal-order"><i>删除</i></label>
		                            </th>
		                          </tr>
		                        </thead>
		                        <tbody>
		                          <tr>
		                            <td width="50"><input type="checkbox" name=""></td>
		                            <td width="100"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></td>
		                            <td>专门特供水蜜桃</td>
		                            <td width="80">￥76.00</td>
		                            <td width="150">卖家已发货</td>
		                            <td width="170">
		                            	<p>¥299.00</p>
										<p>（含运费：¥0.00元）</p>
									</td>
									<td width="130">
										<a href="myOrder-detail.html" class="btn noraml-btn">查看详情</a>
										<a href="myWl-detail.html" class="btn noraml-btn">查看物流</a>
										<a href="javascript:;" class="btn red-btn return-apply">申请售后</a>
									</td>
		                          </tr>
		                        </tbody>
		                      </table>
		                    </div>
	                    </div>
	                    <div id="return-order" style="display: none;">
	                    	<div class="form-horizontal form-box">
								<div class="form-group col-md-4">
			                        <label class="col-md-5 control-label">退款类型：</label>
			                        <div class="col-md-6">
			                          <select class="form-control">
			                            <option>退款</option>
			                          </select>
			                        </div>
			                    </div>
			                    <div class="form-group col-md-8">
			                        <label class="col-md-2 control-label">退款时间：</label>
			                        <div class="col-md-6">
			                          <div class="col-md-6"><input type="text" class="form-control" placeholder="开始时间" name=""></div>
			                          <div class="col-md-6"><input type="text" class="form-control" placeholder="结束时间" name=""></div>
			                        </div>
			                        <div class="col-md-3 control-label">
			                        	<a href="#" class="btn small border-btn">近7天</a>
			                        	&nbsp;&nbsp;
			                        	<a href="#" class="btn small border-btn">30天</a>
			                        </div>
			                    </div>
			                    <div class="clearfix"></div>
			                    <div class="form-group col-md-4">
			                        <label class="col-md-5 control-label">退款状态：</label>
			                        <div class="col-md-6">
			                          <select class="form-control">
			                            <option>退款中</option>
			                          </select>
			                        </div>
			                    </div>
			                    <div class="clearfix"></div>
			                </div>
	                    	<div class="table-responsive">
		                      <table class="table table-bordered text-nowrap user-order-list">
		                        <thead>
		                          <tr>
		                            <th class="thtopbar" colspan="2">宝贝</th>
		                            <th class="thtopbar" width="130">退款编号</th>
		                            <th class="thtopbar" width="130">订单编号</th>
		                            <th class="thtopbar" width="100">订单金额</th>
		                            <th class="thtopbar" width="100">退款金额</th>
		                            <th class="thtopbar" width="130">退款时间</th>
		                            <th class="thtopbar" width="100">退款状态</th>
		                            <th class="thtopbar" width="120">退款类型</th>
		                            <th class="thtopbar" width="120">退款原因</th>
		                            <th class="thtopbar" width="100">操作</th>
		                          </tr>
		                        </thead>
		                        <tbody>
		                          <tr>
		                            <td width="80"><div class="tab-pic80"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></div></td>
		                            <td><div class="text-nowrap-200">专门特供水蜜桃专门专门特供水蜜桃专门专门特供水蜜桃专门专门特供水蜜桃专门专门特供水蜜桃专门</div></td>
		                            <td>XDGC354321312</td>
		                            <td width="120">XDGC354321312</td>
		                            <td width="100">￥376.00</td>
		                            <td width="100">￥376.00</td>
		                            <td>2018-4-12 12:20:00</td>
		                            <td>退货申请，待确认</td>
		                            <td>退货退款</td>
		                            <td>不想要了</td>
									<td>
										<a href="javascript:;" class="btn small border-btn return-order-case">退货快递单</a>
									</td>
		                          </tr>
		                          <tr>
		                            <td width="80"><div class="tab-pic80"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></div></td>
		                            <td><div class="text-nowrap-200">专门特供水蜜桃</div></td>
		                            <td>XDGC354321312</td>
		                            <td width="120">XDGC354321312</td>
		                            <td width="100">￥376.00</td>
		                            <td width="100">￥376.00</td>
		                            <td>2018-4-12 12:20:00</td>
		                            <td>成功退款</td>
		                            <td>退款</td>
		                            <td>不想要了</td>
									<td> </td>
		                          </tr>
		                          <tr>
		                            <td width="80"><div class="tab-pic80"><img class="pro-pic" src="image/catalog/demo/product/270/h1.jpg" alt=""></div></td>
		                            <td><div class="text-nowrap-200">专门特供水蜜桃</div></td>
		                            <td>XDGC354321312</td>
		                            <td width="120">XDGC354321312</td>
		                            <td width="100">￥376.00</td>
		                            <td width="100">￥376.00</td>
		                            <td>2018-4-12 12:20:00</td>
		                            <td>退货中，待确认 </td>
		                            <td>退货退款</td>
		                            <td>拍错了</td>
									<td> </td>
		                          </tr>
		                        </tbody>
		                      </table>
		                    </div>
		                </div>
		                <div class="none-data" style="display: none;">
	                      	<img src="image/user/none-order.png">
	                      	<p>很伤心，您还没有相关订单哦~~~</p>
	                    </div>
						
					</div>
				</div>
			</div>
			<!--Middle Part End-->
		</div>
		<!-- //Main Container -->

		<!-- Footer Container -->
		<footer class="footer-container typefooter-1">
			<!-- Footer Top Container -->

			<div class="container">
				<div class="row footer-top">
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						<div class="module newsletter-footer1">
							<div class="newsletter">
								<div class="title-block">
									<div class="page-heading font-title">
										留下你的邮箱
									</div>
								</div>
								<div class="block_content">
									<form method="post" id="signup" name="signup" class="form-group form-inline signup send-mail">
										<div class="form-group">
											<div class="input-box">
												<input type="email" placeholder="" value="" class="form-control" id="txtemail" name="txtemail" size="55">
											</div>
											<div class="subcribe">
												<button class="btn btn-primary btn-default font-title" type="submit" onclick="return subscribe_newsletter();" name="submit">
                                            		提交
                                        		</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- /Footer Top Container -->

			<div class="footer-middle ">
				<div class="container">
					<div class="row">
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-infos">
							<div class="infos-footer">
								<a href="#"><img src="image/catalog/logo-footer.png" alt="image"></a>
								<ul class="menu">
									<li class="adres">
										公司地址：厦门市观音山台商总部大厦
									</li>
									<li class="phone">
										客服电话：4008-135268547
									</li>
									<li class="mail">
										传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：4008-135268547
									</li>
									<li class="time">
										工作时间：9:00 ~ 17:00
									</li>
								</ul>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-information box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">信息</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">关于我们</a>
											</li>
											<li>
												<a href="#">传真</a>
											</li>
											<li>
												<a href="#">保修和服务</a>
											</li>
											<li>
												<a href="#">24小时支持</a>
											</li>
											<li>
												<a href="#">产品注册</a>
											</li>
											<li>
												<a href="#">产品支持</a>
											</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-account box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">我的帐户</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">品牌</a>
											</li>
											<li>
												<a href="#">礼券</a>
											</li>
											<li>
												<a href="#">机构</a>
											</li>
											<li>
												<a href="#">节目</a>
											</li>
											<li>
												<a href="#">保修和服务</a>
											</li>
											<li>
												<a href="#">自定义链接</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-clear">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">类别</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">活动与聚会用品</a>
											</li>
											<li>
												<a href="#">家居装修</a>
											</li>
											<li>
												<a href="#">灯与灯具</a>
											</li>
											<li>
												<a href="#">厨房和浴室</a>
											</li>
											<li>
												<a href="#">客户服务</a>
											</li>
											<li>
												<a href="#">厨房和餐厅</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">服务</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">联系我们</a>
											</li>
											<li>
												<a href="#">退货</a>
											</li>
											<li>
												<a href="#">支持</a>
											</li>
											<li>
												<a href="#">站点</a>
											</li>
											<li>
												<a href="#">客服服务</a>
											</li>
											<li>
												<a href="#">自定义链接</a>
											</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">类别</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">活动与聚会用品</a>
											</li>
											<li>
												<a href="#">家居装修</a>
											</li>
											<li>
												<a href="#">灯与灯具</a>
											</li>
											<li>
												<a href="#">厨房和浴室</a>
											</li>
											<li>
												<a href="#">客户服务</a>
											</li>
											<li>
												<a href="#">厨房和餐厅</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="footer-b">
						<div class="bottom-cont">
							<a href="#"><img src="image/catalog/demo/payment/pay1.jpg" alt="image"></a>
							<ul class="footer-links">
								<li>
									<a href="#">关于我们</a>
								</li>
								<li>
									<a href="#">客户服务</a>
								</li>
								<li>
									<a href="#">隐私政策</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
								<li>
									<a href="#">订货和退货</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Footer Bottom Container -->
			<div class="footer-bottom">
				<div class="container">
					<div class="col-lg-12 col-xs-12 payment-w">
						<img src="image/catalog/demo/payment/payment.png" alt="imgpayment">
					</div>
				</div>
				<div class="copyright-w">
					<div class="container">
						<div class="copyright">
							Copyright &copy; 2018.Company name All rights reserved.
						</div>
					</div>
				</div>
			</div>
			<!-- /Footer Bottom Container -->

			<!--Back To Top-->
			<div class="back-to-top"><i class="fa fa-angle-up"></i></div>
		</footer>
		<!-- //end Footer Container -->

		</div>

		<!-- 退货快递单 start -->
		<div class="layer-form-box" id="return-order-case" style="display: none;">
			<div class="layer-form-con">
				<div class="layer-form-close"></div>
				<h2>退货快递单</h2>
				<div class="layer-form-warp">
					<div class="form-horizontal form-box">
						<div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>物流公司：</label>
	                        <div class="col-md-6">
	                        	<select class="form-control">
	                            <option>请选择选择物流公司</option>
	                            <option>德邦物流</option>
	                          </select>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>物流单号：</label>
	                        <div class="col-md-6">
	                          <input type="text" class="form-control" placeholder="请填写您的物流单号" name="">
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>联系电话：</label>
	                        <div class="col-md-6">
	                          <input type="text" class="form-control" placeholder="请输入您的联系方式" name="">
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label">退货说明：</label>
	                        <div class="col-md-8">
	                          <textarea rows="4" class="form-control" placeholder="请输入退货说明"></textarea>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label">上传凭证：</label>
	                        <div class="col-md-6">
	                          <div class="upload-wrap">
	                          	<input type="file" class="upload-pic" value="上传图片">
	                          	<i class="soutu-icon upload-icon"></i>
	                          	<span class="upload-text">上传凭证<br />（最多三张）</span>
	                          </div>
	                        </div>
	                    </div>
	                    <div class="form-group form-submit-bar text-center">
	                        <a href="javascript:;" class="btn red-btn submit-layer">提交</a>
	                    </div>
	                </div>
				</div>
			</div>
			<div class="layer-form-bg"></div>
		</div>
		<!-- 退货快递单 end -->

		<!-- 退款退货申请 start -->
		<div class="layer-form-box" id="return-apply" style="display: none;">
			<div class="layer-form-con">
				<div class="layer-form-close"></div>
				<h2>退款退货申请</h2>
				<div class="layer-form-warp">
					<div class="form-horizontal form-box">
						<div class="form-group">
	                        <label class="col-md-2 control-label">退款商品：</label>
	                        <div class="col-md-10 product-info-layer">
	                        	<img class="pro-pic" src="image/catalog/demo/product/270/e5.jpg" alt="">
	                        	<span>
	                        		<h3>专门特供水蜜桃特供水蜜桃专门特供水蜜桃</h3>
	                        		<p>规格：1箱  &nbsp;&nbsp;&nbsp; 价格：￥76.00</p>
	                        	</span>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>退款原因：</label>
	                        <div class="col-md-6 control-label checkbox-sex">
	                          <div class="checkbox-label col-md-4">
								<input type="radio" id="radio-1" checked="checked" name="return-money-radio">
								<label for="radio-1">仅退款</label>
		                      </div>
		                      <div class="checkbox-label col-md-4">
								<input type="radio" id="radio-2" name="return-money-radio">
								<label for="radio-2">退货退款</label>
		                      </div>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>货物状态：</label>
	                        <div class="col-md-6 control-label checkbox-sex">
	                          <div class="checkbox-label col-md-4">
								<input type="radio" id="radio-3" checked="checked" name="huo-radio">
								<label for="radio-3">未收到货</label>
		                      </div>
		                      <div class="checkbox-label col-md-4">
								<input type="radio" id="radio-4" name="huo-radio">
								<label for="radio-4">已收到货</label>
		                      </div>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>退货原因：</label>
	                        <div class="col-md-6">
	                          <select class="form-control">
	                            <option>不想买了</option>
	                          </select>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>退货金额：</label>
	                        <div class="col-md-6">
	                          <input type="text" class="form-control" value="￥76.00" name="">
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label">退款说明：</label>
	                        <div class="col-md-8">
	                          <textarea rows="4" class="form-control" placeholder="请输入退款说明"></textarea>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="col-md-2 control-label">上传凭证：</label>
	                        <div class="col-md-6">
	                          <div class="upload-wrap">
	                          	<input type="file" class="upload-pic" value="上传图片">
	                          	<i class="soutu-icon upload-icon"></i>
	                          	<span class="upload-text">上传凭证<br />（最多三张）</span>
	                          </div>
	                        </div>
	                    </div>
	                    <div class="form-group form-submit-bar text-center">
	                        <a href="javascript:;" class="btn red-btn submit-layer">提交</a>
	                    </div>
	                </div>
				</div>
			</div>
			<div class="layer-form-bg"></div>
		</div>
		<!-- 退款退货申请 end -->

		<!-- 取消订单 start -->
		<div class="layer-form-box" id="cancel-order" style="display: none;">
			<div class="layer-form-con">
				<div class="layer-form-close"></div>
				<h2>请选择取消订单的原因</h2>
				<div class="layer-form-warp">
					<div class="form-horizontal form-box">
	                    <div class="form-group">
	                        <label class="col-md-2 control-label"><div class="red-required">*</div>退款原因：</label>
	                        <div class="col-md-10 control-label checkbox-sex">
	                          <div class="checkbox-label check-radiobar col-md-4">
								<input type="radio" id="radio-1" checked="checked" name="money-radio">
								<label for="radio-1">我不想买了</label>
		                      </div>
		                      <div class="checkbox-label check-radiobar col-md-4">
								<input type="radio" id="radio-2" name="money-radio">
								<label for="radio-2">信息填写错误，重新拍</label>
		                      </div>
		                      <div class="checkbox-label check-radiobar col-md-4">
								<input type="radio" id="radio-1" name="money-radio">
								<label for="radio-1">卖家缺货</label>
		                      </div>
		                      <div class="checkbox-label check-radiobar col-md-4">
								<input type="radio" id="radio-1" name="money-radio">
								<label for="radio-1">同城见面交易</label>
		                      </div>
		                      <div class="checkbox-label check-radiobar col-md-4">
								<input type="radio" id="radio-1" name="money-radio">
								<label for="radio-1">其他原因</label>
		                      </div>
	                        </div>
	                    </div>	                    
	                    <div class="form-group form-submit-bar text-center">
	                        <a href="javascript:;" class="btn red-btn submit-layer">确定</a>
	                    </div>
	                </div>
				</div>
			</div>
			<div class="layer-form-bg"></div>
		</div>
		<!-- 取消订单 end -->

		<!-- 确认收货 start -->
		<div class="layer-form-box" id="confirm-order" style="display: none;">
			<div class="layer-form-con">
				<div class="layer-form-close"></div>
				<h2>确认收货</h2>
				<div class="layer-form-warp">
					<div class="form-horizontal form-box">
	                    <div class="comite-con">
	                    	<img src="image/user/pic-2.png">
	                    	<p>订单210225633211确认收货</p>
	                    </div>                    
	                    <div class="form-group form-submit-bar text-center">
	                        <a href="javascript:;" class="btn red-btn submit-layer">确定</a>
	                    </div>
	                </div>
				</div>
			</div>
			<div class="layer-form-bg"></div>
		</div>
		<!-- 确认收货 end -->

		<!-- 退换确认 start -->
		<div class="layer-form-box" id="return-confirm" style="display: none;">
			<div class="layer-form-con">
				<div class="layer-form-close"></div>
				<h2>退换确认</h2>
				<div class="layer-form-warp">
					<div class="form-horizontal form-box">
	                    <div class="comite-con">
	                    	<img src="image/user/pic-3.png">
	                    	<p>您已成功申请退货，请等待商家确认</p>
	                    </div>                    
	                    <div class="form-group form-submit-bar text-center">
	                        <a href="javascript:;" class="btn red-btn submit-layer">确定</a>
	                    </div>
	                </div>
				</div>
			</div>
			<div class="layer-form-bg"></div>
		</div>
		<!-- 退换确认 start -->
	</div>
		<script type="text/javascript" src="js/vue/vue.js"></script>
		<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<script type="text/javascript" src="js/slick-slider/slick.js"></script>
		<script type="text/javascript" src="js/themejs/libs.js"></script>
		<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
		<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
		<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
		<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
		<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/modernizr/modernizr-2.6.2.min.js"></script>
		<script type="text/javascript" src="js/minicolors/jquery.miniColors.min.js"></script>

		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

		<!-- 页面效果 -->
		<script type="text/javascript" src="js/themejs/application.js"></script>
		<script type="text/javascript" src="js/themejs/homepage.js"></script>
		<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>

		
		<script type="text/javascript">
			$(document).ready(function(){
		        // 订单选项卡切换
		        $(".tab-list-top .all").click(function(){
		          $(".tab-list-top li").removeClass('active');
		          $(this).addClass('active');
		          $('#all-order').show();
		          $('#return-order').hide();
		        });
		        $(".tab-list-top .wait-pay").click(function(){
		          $(".tab-list-top li").removeClass('active');
		          $(this).addClass('active');
		          $('#all-order').show();
		          $('#return-order').hide();
		        });
		        $(".tab-list-top .wait-send").click(function(){
		          $(".tab-list-top li").removeClass('active');
		          $(this).addClass('active');
		          $('#all-order').show();
		          $('#return-order').hide();
		        });
		        $(".tab-list-top .send-out").click(function(){
		          $(".tab-list-top li").removeClass('active');
		          $(this).addClass('active');
		          $('#all-order').show();
		          $('#return-order').hide();
		        });
		        // 退款选项卡切换
		        $(".tab-list-top .return").click(function(){
		          $(".tab-list-top li").removeClass('active');
		          $(this).addClass('active');
		          $('#all-order').hide();
		          $('#return-order').show();
		        });


		        // layer
		        $(".layer-form-close").click(function(){
		          $('.layer-form-box').fadeOut('fast');
		        });
		        $(".form-submit-bar .submit-layer").click(function(){
		          $('.layer-form-box').fadeOut('fast');		          
		        });

		        // 售后申请 开启
		        $(".return-apply").click(function(){
		          $('#return-apply').fadeIn('fast');
		        });
		        $("#return-apply .form-submit-bar .submit-layer").click(function(){
		          $('#return-apply').hide();
		          $('#return-confirm').fadeIn('fast');		          
		        });

		        // 退货快递单 开启
		        $(".return-order-case").click(function(){
		          $('#return-order-case').fadeIn('fast');
		        });
		        // 确认收货 开启
		        $(".confirm-order").click(function(){
		          $('#confirm-order').fadeIn('fast');
		        });
		        // 取消订单 开启
		        $(".cancel-order").click(function(){
		          $('#cancel-order').fadeIn('fast');
		        });
		        

		    });
		</script>

	</body>

</html>